<template>
	<!-- #ifdef H5 -->
	<view v-if="!isNativeApp()">
		<view class="download-app df-cen-rl">
			<view class="df-ai-cen">
				<image src="https://toc.nanyuecloud.com/toc-inst-app/zqanswer/test/img/xmg/logoWxlogin.png" mode="" style="width: 80rpx;height: 80rpx;"></image>
				<view class="margin-left">
					<view class="download-app-title">醒目购</view>
					<view class="download-app-info">醒目购，够醒目，醒目就购了</view>
				</view>
			</view>
			<view><button class="cu-btn round bg-orange-red shadow sm" @click="openApp">打开</button></view>
		</view>
	</view>
	<!-- #endif -->
</template>

<script>
import { mapGetters } from 'vuex';
export default {
	data() {
		return {};
	},
	onLoad(e) {},
	onShow(e) {},
	computed: {
		// #ifdef H5
		...mapGetters(['env'])
		// #endif
	},
	methods: {
		openApp() {
			if (this.env.includes('h5Ios')) {
				window.location.href = 'https://itunes.apple.com/cn/app/id1550764694';
			} else {
				window.location.href = 'http://www.kanfoshan.cn/download/app.html';
			}
		}
	},
	mounted() {}
};
</script>

<style lang="scss">
.download-app {
	padding: 10rpx 20rpx;
	background-color: #f4f4f4;
	.download-app-title {
		font-size: 28rpx;
		font-weight: 600;
	}
	.download-app-info {
		font-size: 22rpx;
		color: #999999;
	}
}
</style>
